package components
{
	import UIFree.uif_styles;
	import UIUtils.uif_util;

	public dynamic class pj_styles extends uif_styles {
		public function pj_styles() {
			super();
			var defShadow: Object = {
					distance: 1,
					angle: 80,
					blurX: 5,
					blurY: 5,
					color: 0,
					strength: 2
				};
				
			var buttonFill: Object = {
					colors: [0xffffee, 0x584F26],
					rotation: Math.PI / 2
				};

			var fillDefPapper: Object = {
					rotation: Math.PI / 2,
					colors: [0xFFFFFF, 0xDDDDDD],
					alphas: [1, 1]
				};
			var cb: Object =  {
					buttonMode: true,
					mouseChildren: false
				};
				
			this['modalGurtain'] = {
				fill_color: 0,
				fill_alpha: 0.3
			}
				
			this['desc'] = {
				line_width: 1,
				line_color: 0xCCCDDD,
				fill_color: 0xFFFFFF,
				fill_alpha: 0.7,
				rounds: 6,
				text_format: {
					font: 'tahoma',
					size: 9,
					wordWrap: true,
					color: 0x333444,
					selectable: false,
					align: 'center'
				}
			}
			
			this['description'] = {
				line_width: 1,
				line_color: 0xCCCDDD,
				rounds: 6,
				padding: 10,
				valign: true,
				text_format: {
					font: 'arial',
					size: 11,
					wordWrap: true
				}
			}
			
			this['toobar'] = {
				padding: 2
			}
			
			this['lbLabel'] = {
				text_format: {
					font: 'arial',
					size: 11,
					wordWrap: true,
					color: 0x333444,
					multiline: true,
					selectable: false
				}
			}
			
			this['userName'] = {
				text_format: {
					font: 'arial',
					size: 10,
					color: 0x555555,
					align: 'center',
					wordWrap: true
				}
			}
			
			this['windowTitle'] = {
				line_width: 2,
				line_color: 0xFFFFFF,
				fill_color: {
					rotation: Math.PI / 2,
					colors: [0xDDDDDD, 0x666788],
					alphas: [1, 1]
				},
				rounds: 14,
				padding: 2,
				valign: true,
				text_format: {
					font: 'arial',
					size: 14,
					bold: true,
					color: 0xFFFFFF
				},
				component: cb
			}
			
			this['window'] = {
				title: 'windowTitle',
				line_width: 0,
				fill_color: 0xFFFFFF,
				fill_alpha: 1,
				rounds: 10,
				padding: 10,
				filters: {
					shadow: defShadow
				}
			}
			
			this['editor'] = {
				padding: 5,
				filters: {
					shadow: defShadow
				}
			}
			
			this['fullView'] = {
				fill_color: 0xFFFFFF,
				fill_alpha: 1
			}
			
			this['tabBox'] = {
				tab_class: 'tab',
				tab_height: 25,
				tabitem_class: 'tabItem_unselect',
				layer_class: 'tab',
				itemslayer_class: 'tab'
			}
			
/*			this['userPhoto'] = {
				line_width: 1,
				line_color: 0xE0E0E0,
				fill_color: {
					colors: [0xAAABCC, 0xEEEEFF],
					rotation: -Math.PI / 2 
				},
				padding: 3,
				margin: 3,
				rounds: 4,
				component: cb
			}*/
			
			this['userAvatar'] = {
				text_format: {
					font: 'tahoma',
					size: 9,
					color: 0x666788,
					align: 'center',
					wordWrap: true,
					leading: -2
				}
			}
			
/*			this['userDPhoto'] = uif_util.union(this['userPhoto'], {
				fill_color: 0xFFFFFF,
				fill_alpha: 1
			});*/
			
			this['tabBlock'] = {
				margin: 2,
				padding: 5,
				rounds: 6,
				fill_color: {
					rotation: Math.PI / 2,
					colors: [0xAAABCC, 0xFFFFFF],
					alphas: [1, 1]
				},
				fill_alpha: 1,
				valign: true,
				text_format: {
					color: 0,
					font: 'arial',
					size: 11,
					wordWrap: true,
					align: 'center'
				},
				filters: {
					shadow: defShadow
				}
			}
			
			this['tabItem'] = uif_util.union(this['tabBlock'], {
				padding: 3,
				valign: true,
				component: cb
			})
			
			this['tabItem_unselect'] = uif_util.union(this['tabItem'], {
				fill_color: {
					rotation: Math.PI / 2,
					colors: [0xDDDEEF, 0xFFFFFF],
					alphas: [1, 1]
				},
				text_format: {
					color: 0x666666,
					font: 'arial',
					size: 11,
					wordWrap: true,
					align: 'center'
				},
				filters: {}
			})
			
			this['tbir'] = uif_util.union(this['tabItem_unselect'], {
				fill_color: {
					rotation: Math.PI / 2,
					colors: [0x8899FF, 0xAAEEFF],
					alphas: [1, 1]
				},
				text_format: {
					font: 'arial',
					size: 11,
					bold: true,
					align: 'center'
				}
			});
			
			this['tab'] = {
				arrow: 'farrow',
				area: 'tabArea',
				select: 'tabItem',
				unselect: 'tabItem_unselect'
			}
			
			this['tabArea'] = {
				fill_color: 0xFFFFFF,
				fill_alpha: 1
			}
			
			this['tabArrow'] = {
				line_width: 1,
				fill_color: 0x555666,
				fill_alpha: 1,
				component: cb
			}
			
			this['hlist'] = {
				arrow	: 'farrow',
				padding: 5
			}
			
			this['hlist_item'] = {
				fill_color: 0x0,
				fill_alpha: 1,
				padding: 5,
				component: cb
			}
			
			this['mask'] = {
				fill_color: {
					colors: [0, 0],
					alphas: [1, 1]
				}
			}
			
			this['rect'] = {
				line_width: 1,
				fill_color: 0,
				fill_alpha: 0.1,
				component: cb
			}
			
			this['cards'] = {
				arrow: 'farrow',
				area: 'tabArea',
				select: 'cardItemSelect',
				unselect: 'cardItem'
			}
			
			this['cardItem'] = {
				line_width: 1,
				line_alpha: 0.2,
				fill_color: 0xEEEEFF,
				fill_alpha: 1,
				margin: 10,
				padding: 5,
				filters: {}
			}
			
			this['cardItemSelect'] = uif_util.union(this['cardItem'], {
				fill_color: 0xFFFFFF,
				filters: {
					shadow: defShadow
				}
			});
			
			this['cardAutor'] = {
				text_format: {
					font: 'tahoma',
					size: 12,
					bold: true,
					align: 'center'
				}
			}
			
			this['cardInfo'] = {
				text_format: {
					font: 'tahoma',
					size: 11,
					align: 'center'
				}
			}
			
			this['box_label'] = {
				text_format: {
					font: 'arial',
					size: 14,
					bold: true,
					color: 0xFFFFFF,
					selectable: false,
					align: 'right'
				},
				filters: {
					shadow: defShadow
				}
			}
			
			this['arrow'] = {
				line_width:1, 
				line_color: 0x333333, 
				fill_color: 0x008800,
				fill_alpha: 1,
				orientation: 3,
				filters: {
					bevel: {
						blurX: 2,
						blurY: 2,
						distance: 1
					}
				}
			};
			
			this['maskHelp'] = {
				valign: true,
				text_format: {
					font: 'arial',
					size: 12,
					bold: true,
					color: 0xFFFFFF,
					wordWrap: true,
					align: 'center',
					selectable: false
				},
				component: {
					selectable: false
				},
				filters: {
					shadow: {
						distance: 1,
						angle: 45,
						blurX: 3,
						blurY: 3,
						color: 0x0
					}
				}
			}
						
			this['arrowFocus'] = uif_util.union(this['arrow'], {
				fill_color: {
					rotation: Math.PI / 2,
					colors: [0x00FF00, 0x00FF00]	
				}
			});
			
			this['farrow'] = {
				padding: 4,
				arrow: 'arrow',
				component: cb
			}
			
			this['cross'] = {
				line_width: 2,
				padding: 4,
				component: cb,
				filters:{
					shadow: defShadow
				},
				round: {
					line_width: 2,
					line_color: 0xFFFFFF,
					fill_color: 0,
					fill_alpha: 0.5
				}
			}
			
			this['delButton'] = uif_util.union(this['cross'], {
				line_color: 0xFF0000
			})
			
			this['closeButton'] = uif_util.union(this['cross'], {
				line_color: 0xFFFFFF
			})
			
			this['button'] = {
				overClass: 'over_button',
				downClass: 'button',
				arrow: 'arrow',
				line_width:1,
				margin: 5,
				rounds: 5,
				component: cb,
				text_format: {
					selectable: false,
					font: 'tahoma',
					size: 11,
					align: 'center'
				},
				fill_color: buttonFill,
				filters:{
					shadow: {
						distance: 1,
						angle: 10,
						blurX: 2,
						blurY: 2
					},
					bevel: {
						distance: 1,
						blurX: 1,
						blurY: 1
					}
				}
			}
			
			this['over_button'] = {
				arrow: 'arrowFocus',
				line_width:1, 
				margin: 5,
				rounds: 5, 
				fill_color: {
					colors: [0x888999, 0xFFFFFF],
					rotation: Math.PI / 2
				},
				component: cb,
				filters:{
					shadow: {
						distance: 2,
						angle: 10,
						blurX: 3,
						blurY: 3
					},
					bevel: {
						distance: 1,
						blurX: 1,
						blurY: 1
					}
				},
				text_format: {
					color: 0
				}
			}
			
			this['chButton'] = {
				text_format: {
					font: 'arial',
					size: 13,
					multiline: true,
					selectable: false
				},
				hotspot: {
					margin: 4,
					rounds: 2,
					line_width: 2,
					line_color: 0xFFFFFF, 
					fill_color: {
						colors: [0xFFFFFF, 0xFFFFFF],
						rotation: Math.PI / 2
					},
					fill_alpha: 1,
					filters:{
						glow: {
							blurX: 2,
							blurY: 2
						}
					}
				},
				checkedStyle: 'cbChecked'
			}
			
			this['cbChecked'] = uif_util.union(this['chButton'], {
				hotspot: uif_util.union(this['chButton'].hotspot, {
					fill_color: {
						colors: [0x33FF33, 0x004400]
					}
				})
			});
	
/*			this['collectButton'] = {
				line_width: 1,
				line_color: 0x336633,
				rounds: 2,
				component: cb
			}*/
			
			this['minput'] = {
				line_width: 1,
				line_color: 0x666777,
				fill_color: {
					rotation: Math.PI / 2,
					colors: [0xFFFFFF, 0xDDDEEF]	
				},
				text_format: {
					font: 'arial',
					size: 12,
					selectable: true,
					multiline: true,
					wordWrap: true,
					type: 'input'
				}
			}
			
			this['loaderLine'] = {
				line_width	: 1,
				line_color	: 0,
				line_alpha	: 0.3,
				padding		: 5,
				rounds		: 5,
				fill_color: {
					colors: [0x00FF00, 0],
					alphas: [1, 1],
					rotation: Math.PI / 2
				}
			}
			
			this['loaderBar'] = {
				barClass: 'loaderLine',
				text_format: {
					font: 'arial',
					size: 11,
					bold: true,
					color: 0x222222,
					selectable: false,
					align: 'center'
				}
			}

			this['scrollHandle'] = {
				line_width: 1,
				line_color: 0x334455,
				line_alpha: 1,
				fill_color: 0xFFFFFF,
				fill_alpha: 1,
				filters: {
					shadow: {
						distance: 1,
						angle: 45,
						blurX: 2,
						blurY: 2,
						color: 0,
						strength: 1
					}
				}
			}
			
			this['barClass'] = {
				line_width: 1,
				line_color: 0,
				line_alpha: 1,
				fill_color: 0x444444,
				fill_alpha: 0.8
			}
			
			this['scrollbar'] = {
				line_width: 1,
				line_alpha: 0.1,
				rounds: 10,
				fill_color: 0xFFFFFF,
				fill_alpha: 1,
				buttonSize: 25,
				padding: 5,
				handleClass: 'scrollHandle',
				barClass: 'barClass'
			}
			
			this['button-glow'] = {
				line_width: 1,
				line_alpha: 0.5,
				rounds: 8,
				padding: 4,
				fill_color: {
					colors: [0xE6EFFE, 0xBDBDD5],
					rotation: Math.PI / 2,
					type: 'radial',
					focalPointRatio: 0.5
				},
				text_format: {
					font: 'tahoma',
					size: 11,
					color: 0x444557,
					align: 'left'
				},
				hotspot: {
					rounds: [7, 7, 6, 6],
					fill_color: {
						colors: [0xFFFFFF, 0xFFFFFF],
						alphas: [0.9, 0.2],
						rotation: Math.PI / 2,
						type: 'radial'
					}
				},
				filters: {
					glow: {
						color: 0,
						alpha: 0.5,
						blurX: 5,
						blurY: 5,
						inner: true
					}
				},
				focusStyle: 'button-glow-focus'
			}
			
			this['sysButton'] = uif_util.union(this['button-glow'], {
				margin: 2,
				text_format: {
					font: 'tahoma',
					size: 11,
					color: 0x444557,
					align: 'center'
				}
			});
			
			this['button-glow-focus'] = {
				line_alpha: 1,
				fill_color: {
					colors: [0x006800, 0x00CC00]
				},
				filters: {
					glow: {
						color: 0xFFFFFF,
						blurX: 15,
						blurY: 15
					}
				},
				hotspot: {
					fill_color: {
						colors: [0xFFFFFF, 0xFFFFFF],
						alphas: [0.1, 0.7],
						rotation: Math.PI,
						type: 'radial'
					}
				},
				text_format: {
					color: 0xFFFFFF
				}
			}
			
			var countLabel: Object = {
				fill_color: 0xFFFFFF,
				fill_alpha: 1,
				text_format: {
					font: 'tahoma',
					size: 9,
					color: 0x444555,
					align: 'center',
					selectable: false
				},
				filters: {
					shadow: {
						distance: 1,
						blurX: 2,
						blurY: 2,
						color: 0
					}
				}
			}
			
			this['countLabelL'] = uif_util.union(countLabel, {
				rounds: [0, 7, 7, 0]
			});

			this['countLabelR'] = uif_util.union(countLabel, {
				rounds: [7, 0, 0, 7]
			});
// From LIST			
			
			this['m_desc'] = uif_util.union(this['description'], {
				text_format: {
					font: 'arial',
					size: 12,
					bold: true
				}				
			});
			
			this['list'] = {
				line_width: 1,
				line_alpha: 0.5,
				rounds: 10,
				fill_color: 0xFFFFFF,
				fill_alpha: 1,
				buttonSize: 25,
				padding: 5,
				buttonClass: 'listButton',
				selectClass: 'listItemSelect',
				inputClass: 'slInput'
			}
			
			this['slInput'] = {
				line_width: 1,
				line_alpha: 0.5,
				margin: 5,
				text_format: {
					font: 'arial',
					size: 12
				}
			}
			
			this['listItem'] = {
				fill_color: {
					colors: [0xFFFFFF, 0xFFFFFF]
				},
				rounds: 10,
				text_format: {
					font: 'arial',
					size: 11,
					wordWrap: true,
					color: 0x333444,
					multiline: true,
					selectable: false
				},
				filters: {}
			}
			
			this['listItemSelect'] = uif_util.union(this['listItem'], {
				fill_color: {
					colors: [0x008800, 0x55FF55]
				},
				text_format: {
					color: 0xFFFFFF
				},
				filters: {
					glow: {
						color: 0,
						alpha: 0.3,
						blurX: 2,
						blurY: 2,
						inner: true
					}
				}
			})
			
			this['listButton'] = uif_util.union(this['button'], {
				padding: 4,
				rounds: 0
			});
			
			this['menuItem'] = {
				fill_color	: {
					colors: [0x44AA44, 0x004400],
					alphas: [0, 0],
					type: 'radial'
				},
				rounds		: 10,
				padding		: 2,
				text_format: {
					font	: 'arial',
					size	: 11,
					color	: 0
				},
				component: {
					mouseChildren	: false,
					buttonMode		: true
				},
				overClass: 'menuItemFocus'
			}
			
			this['menuItemFocus'] = uif_util.union(this['menuItem'], {
				fill_color	: {
					alphas: [1, 1]
				},
				text_format: {
					color	: 0xFFFFFF
				}
			});
			
			this['popupmenu'] = {
				fill_color	: 0xEEEEEE,
				fill_alpha	: 1,
				line_color	: 0x888888,
				line_width	: 1,
				rounds		: 10,
				padding		: 8,
				item		: 'menuItem',
				filters: {
					shadow: {
						blurX: 5,
						blurY: 5,
						distance: 3
					}
				}
			}			
		}
	}
}